<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>旅行碎片 - 分享您的旅行故事</title>
    <link rel="stylesheet" href="/CSS/homestyle.css">
</head>
<body>
    <div class="container">
        <header>
            <div class="logo">旅行<span>碎片</span></div>
        </header>
        
    <div class="main-content">
        <main>
            <div class="image-grid" id="imageGrid">
                <!-- 图片将通过JavaScript动态生成 -->
            </div>
            
            <section class="posts-section">
                <h2 class="section-title">热门帖子</h2>
                <div class="post-list">
                    <div class="post-item">
                        <h3 class="post-title">西藏自驾游：穿越世界屋脊的壮丽之旅</h3>
                        <div class="post-meta">
                            <span>作者：旅行达人小王</span>
                            <span>发布时间：2023-08-15</span>
                            <span>点赞：245</span>
                        </div>
                        <p class="post-excerpt">从成都出发，沿着318国道一路向西，经过康定、理塘，最终到达拉萨。沿途的风景美不胜收，雪山、草原、湖泊构成了一幅幅壮丽的画卷...</p>
                    </div>
                    
                    <div class="post-item">
                        <h3 class="post-title">东南亚背包客攻略：预算有限的完美旅行</h3>
                        <div class="post-meta">
                            <span>作者：背包客小李</span>
                            <span>发布时间：2023-07-22</span>
                            <span>点赞：189</span>
                        </div>
                        <p class="post-excerpt">如何在有限的预算内玩转泰国、越南和柬埔寨？这篇攻略将为你详细介绍住宿、交通和美食等方面的省钱技巧...</p>
                    </div>
                    
                    <div class="post-item">
                        <h3 class="post-title">日本樱花季：从东京到京都的赏樱之旅</h3>
                        <div class="post-meta">
                            <span>作者：樱花爱好者小张</span>
                            <span>发布时间：2023-04-05</span>
                            <span>点赞：312</span>
                        </div>
                        <p class="post-excerpt">每年3月下旬到4月上旬是日本樱花盛开的季节。从东京的上野公园到京都的哲学之道，一路追逐樱前线，感受日本独特的赏樱文化...</p>
                    </div>
                    
                    <div class="post-item">
                        <h3 class="post-title">欧洲火车旅行：穿越十个国家的浪漫之旅</h3>
                        <div class="post-meta">
                            <span>作者：火车迷小陈</span>
                            <span>发布时间：2023-06-18</span>
                            <span>点赞：276</span>
                        </div>
                        <p class="post-excerpt">使用欧洲铁路通票，从巴黎出发，途经瑞士、奥地利、匈牙利等国家，体验不同文化背景下的城市风光和自然景观...</p>
                    </div>
                </div>
            </section>
        </main>
        
        <aside class="sidebar">
            <div class="nav-buttons">
                <button class="nav-btn login-btn">登录</button>
                <button class="nav-btn post-btn">发帖</button>
                <button class="nav-btn logout">退出</button>
            </div>
        </aside>
    </div>
    
        <footer>
            <p>&copy; 2023 旅行碎片 - 分享您的旅行故事</p>
        </footer>
    </div>

    <script src="/JAVASCRIPT/homescript.js"></script>
</body>
</html>